﻿

  <header><!-- Defining the header section of the page -->
            <div class="logo"><!-- Defining the logo element -->
                <a href="#">
                    <img src="../../images/logo.png" title="Mono template" alt="Mono template" />
                </a>
            </div>

            <nav><!-- Defining the navigation menu -->
                <ul>
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Tutorials</a></li>
                    <li><a href="#">About Us</a></li>
					<li><a href="#">Service</a></li>
					<li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>

            <section id="search"><!-- Search form -->
                <form action="#" onsubmit="return false;" method="get">
                    <input type="text" onfocus="if (this.value =='Search..' ) this.value=''" onblur="if (this.value=='') this.value='Search..'" value="Search.." name="q"/>
                    <input type="submit" value=""/>
                </form>
            </section>

        </header>